<style scoped lang="less">
    @import "EnterpriseHome";
</style>
<template>
    <div class="enterprise-main">
        <main-header>
            <span slot="text">欢迎来到易夫子教师人才网企业版！</span>
            <span slot="login"></span>
        </main-header>
        <main-menu :menuList="menuList">
            <div slot="otherMenu" style="height: 100%">
                <span class="message btn"  @click="goPage('enterprise-message')">消息</span>
                <el-dropdown class="user-menu btn">
                    <span class="el-dropdown-link">
                        企业名<i class="el-icon-arrow-down el-icon--right"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="(item, index) in dropList" :key="index+'drop'">
                            {{item.name}}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </main-menu>
        <div class="title-block">
            <div class="box">
                <div class="box-main">
                    <img :src="enterpriseInfor.logo" alt="">
                    <div class="box-dl">
                        {{enterpriseInfor.name}}
                        <div class="box-dt">
                            <span v-for="(item, index) in enterpriseInfor.remarks" :key="index+'enter'">{{item}}</span>
                        </div>
                    </div>
                </div>
                <div class="box-num">
                    <dl class="num-tex">
                        {{enterpriseInfor.jobNum}}
                        <dt>在招职位</dt>
                    </dl>
                </div>
            </div>
        </div>
        <main-navigation></main-navigation>
        <main>
            <div class="main-content fl">
                <header-title :title="'公司简介'"></header-title>
                <div class="box">
                    <p class="about-tex">
                        1、在职教师
                        <br>热爱教育事业，关爱学生，吃苦耐劳，遵纪守法，为人师表，具有良好的职业道德；
                        <br>积极向上，亲和力强，有较强的团队合作精神；
                        <br>全日制大学本科以上学历，获得相应学科、学段教师资格证；
                        <br>年龄35周岁以下（特别优秀者可放宽10周岁）；
                    </p>
                </div>
                <header-title :title="'在招职位'"></header-title>
                <div class="box">
                    <ul class="contents">
                        <li v-for="(item, index) in fastList" :key="index+'s'">
                            <div class="left">
                                <div class="job-name">{{item.name}}</div>
                                <div class="job-detail">
                                    <span>{{item.company}}</span>
                                </div>
                            </div>
                            <div class="right salary">
                                {{item.salary}}
                            </div>
                        </li>
                    </ul>
                </div>
                <header-title :title="'联系方式'"></header-title>
                <div class="box">
                    <p class="about-tex">
                        联系人 : 王某某
                        <br>联系邮箱 ： xxx
                        <br>联系电话：15789785446
                    </p>
                    <div class="map">
                        <p class="about-tex"><img src="../../../assets/images/common/positioning_n.png" alt="">广州惠州西湖区时代中心13楼
                        </p>
                        <div class="amap-wrapper">
                            <el-amap class="amap-box" vid="map"
                                     :zoom="zoom"
                                     :center="center">
                            </el-amap>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aside fr">
                <div class="logo-block" align="center">
                    <img src="../../../assets/images/enterpriseCenter/enterprise_logo.png" alt="">
                    <dl>
                        浙江海洋大学
                        <dt>
                            漳州市西湖区优盘时代中心13楼
                        </dt>
                        <dt>http://www.zjhyafachool.com</dt>
                    </dl>
                </div>
                <div class="menu-block">
                    <img src="../../../assets/images/enterpriseCenter/weixin_code.png" alt="">
                </div>
                <ul class="tab-block">
                    <li v-for="(item, index) in tabList" :key="index+'tab'" @click="goPage(item.pathName)">
                        <img :src="item.src" alt="">
                        <span>{{item.name}}</span>
                    </li>
                </ul>
            </div>
        </main>
        <div class="footer container">
            <div class="container">
                <ul class="foot-menu">
                    <li>关于我们</li>
                    <li>服务协议</li>
                    <li>联系我们</li>
                    <li>商务合作</li>
                    <li>招聘套餐</li>
                    <li>帮助中心</li>
                </ul>
                <div class="copy">
                    <p>CopyRight&nbsp@&nbsp2019江西易夫子人力资源有限公司&nbsp&nbsp&nbsp&nbsp
                        ICP备案：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp技术支持：嘉瑞科技&nbsp&nbsp联系方式：13699518097
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import MainHeader from '@/pages/components/MainHeader.vue'
    import MainMenu from '@/pages/components/MainMenu.vue'
    import MainNavigation from '@/pages/components/MainNavigation.vue'
    import HeaderTitle from '@//pages/enterprise-center/components/HeaderTitle.vue'

    export default {
        name: "EnterpriseHome",
        components: {
            MainHeader,
            MainMenu,
            MainNavigation,
            HeaderTitle
        },
        data() {
            return {
                zoom:16,
                center:[121.406051,31.179695],
                menuList: [
                    {
                        path: '/Home',
                        title: '首页',
                        meta: {
                            title: '首页',
                        },
                    },{
                        path: '/TalentsPage',
                        title: '找人才',
                        meta: {
                            title: '找人才',
                        },
                    },{
                        // path: '/Jobs',
                        title: 'VIP服务',
                        meta: {
                            title: 'VIP服务',
                        },
                    }
                ],
                dropList: [
                    {
                        name: '企业资料',
                    }, {
                        name: '职业管理',
                    }, {
                        name: '简历管理',
                    },{
                        name: 'VIP服务',
                    },{
                        name: '账号设置',
                    },{
                        name: '切换为个人版',
                    },{
                        name: '退出登录',
                    },
                ],
                enterpriseInfor: {
                    logo: require('@/assets/images/enterpriseCenter/enterprise_logo.png'),
                    name: '惠州市综合高级中学',
                    remarks: ['民营','100-499人','广州惠州','企业资金：100万元'],
                    jobNum: 47
                },
                fastList: [
                    {
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    }
                    ,{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },{
                        name: '高中化学老师',
                        salary: '5K-10K',
                        company: '惠州市综合高级中学'
                    },
                ],
                tabList: [
                    {
                        src: require('@/assets/images/enterpriseCenter/side_qiye_n.png'),
                        srcActive: require('@/assets/images/enterpriseCenter/side_qiye_s.png'),
                        name: '公司简介',
                        // pathName: 'enterprise-center'
                    },
                    {
                        src: require('@/assets/images/enterpriseCenter/side_zhiwei_n.png'),
                        srcActive: require('@/assets/images/enterpriseCenter/side_zhiwei_s.png'),
                        name: '在招职位'
                    },
                    {
                        src: require('@/assets/images/enterpriseCenter/side_jianli_n.png'),
                        srcActive: require('@/assets/images/enterpriseCenter/side_jianli_s.png'),
                        name: '联系方式'
                    }
                ]
            }
        },
        methods: {
            goPage(pathName) {
                this.$router.push({
                    name: pathName,
                    // query: {
                    //     // 保证每次点击路由的query项都是不一样的，确保会重新刷新view
                    //     t: +new Date()
                    // }
                });
            }
        }
    }
</script>
